<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>民族研究档案库</title>
		<link rel="stylesheet" type="text/css" href="./css/write.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
	</head>
	<body>
		<div id="app">
			<div class="header-view">
				<div class="header-item">
					<img src="./images/logo.png" class="logo">
					<div class="right-item">
						<div class="ele-btn ele-btn-fontread">类别</div>
						<span></span>
						<!-- <div class="ele-btn">登陆</div>
						<div class="ele-btn ele-btn-backread">注册</div> -->
						<div class="login-true">
							<img src="./images/ren-icon.png" alt="">
							<p>国家图书馆</p>
							<img src="./images/sj-icon.png" alt="">
							<div class="login-out">
								<p>退出</p>
								<p>退出</p>
								<p>退出</p>
								<p>退出</p>
							</div>
						</div>
					</div>	
				</div>
			</div>
			<div class="main-view">
				<div class="main-item">
					<div class="topview">
						<span data-type="1" class="active">民族资料库</span>
						<span data-type="2">民族简报库</span>
					</div>
					<div class="centerview">
						<div class="sousuo">
							<div class="sousuo-left">
								<div class="select-view">
									<span>全部</span> 
									<img src="images/dsj-icon.png" >
									<select>
									  <option value ="1" data-name="全部" selected="selected">全部</option>
									  <option value ="2" data-name="题名">题名</option>
									  <option value="3" data-name="版本">版本</option>
									  <option value="4" data-name="民族">民族</option>
									  <option value="5" data-name="省市">省市</option>
									</select>
								</div>
								<input type="text">
							</div>
							<div class="ele-btn ele-btn-backread ele-btn-wit-68"><img src="./images/index/sousuo-icon.png" alt=""></div>
						</div>
						<div class="ele-btn ele-btn-wit-70">高级</div>
					</div>
					<div class="bottomview">
						<img src="./images/index/host-icon.png" alt="">
						热搜：
						<div class="text-type">
							<span>民族、</span>
							<span>档案、</span>
							<span>白族、</span>
							<span>汉族、</span>
							<span>刊物</span>
						</div>
					</div>
				</div>
			</div> 
			<div class="great-wall">
				<img src="./images/index/changcheng-bg.png">
				<div class="bom-hr"></div>
			</div>
			<div class="footer-view">
				<p><b>北京籍古轩图书数字技术有限公司制作发行</b></p>
				<p>旗下产品：中国数字方志库 / 中华科举库 / 中国艺术研究报刊库</p>
				<p><span>使用帮助</span> 丨 <span>使用协议</span> 丨 <span>注册协议</span></p>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/index.js"></script>
	<script type="text/javascript">
		
	</script>
</html>
